<template>
    <el-card shadow="never">
        <Header></Header>
        <div class="box">
            <!-- <h4 data-v-4db995e4="">ChatGPT、Bard、LLaMa、文心一言、MOSS等人工智能应用聚合平台</h4> -->
            <div data-v-4db995e4="" data-v-3389bf48="" class="app-main-container">
                <!-- <div data-v-4db995e4="" class="el-row is-justify-center is-align-center el-row--flex"
                    style="margin-left: -10px; margin-right: -10px;">
                    <div data-v-4db995e4=""
                        class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24 el-col-xl-24"
                        style="padding-left: 10px; padding-right: 10px;">
                        <div data-v-4db995e4="" class="title-contenter">
                            <div data-v-4db995e4="" class="el-row is-justify-center el-row--flex"
                                style="margin-left: -10px; margin-right: -10px;">
                                <div data-v-4db995e4=""
                                    class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24 el-col-xl-24"
                                    align="center" style="padding: 0px;"><img data-v-4db995e4="" src="/hhh.jpg"
                                        class="title-logo"></div>
                            </div>
                            <div data-v-4db995e4="" class="el-row is-justify-center el-row--flex"
                                style="margin-left: -10px; margin-right: -10px;">
                                <div data-v-4db995e4=""
                                    class="el-col el-col-18 el-col-xs-18 el-col-sm-24 el-col-md-24 el-col-lg-24 el-col-xl-24"
                                    align="center" style="padding: 0px;">
                                    <h4 data-v-4db995e4="">ChatGPT、Bard、LLaMa、文心一言、MOSS等人工智能应用聚合平台</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
                <div data-v-4db995e4="" class="title app-main-height">
                    <div class="row-bg el-row is-justify-center el-row--flex">
                        <div class="el-col el-col-24 el-col-xs-16 el-col-sm-16 el-col-md-16 el-col-lg-11 el-col-xl-11">
                            <div class="grid-content content"> 商务合作请联系我们： <br><br> 电话(微信)：18109163571 <br><br>
                                邮箱：176799561@qq.com </div>
                        </div>
                    </div>
                    <!-- <footer class="footer">
                        <el-row :gutter="20">
                            <el-col :span="8">
                                <div class="grid-content img-content"><img src="/hhh.jpg" class="footer-img"></div>
                            </el-col>
                            <el-col :span="8">
                                <div class="grid-content img-content"><img src="/hhh.jpg" class="footer-img"></div>
                            </el-col>
                            <el-col :span="8">
                                <div class="grid-content img-content"><img src="/hhh.jpg" class="footer-img"></div>
                            </el-col>
                        </el-row>
                    </footer> -->
                    <div class="imgBox">
                        <img src="/vx.png" class="footer-img">
                        <img src="/vx.png" class="footer-img">
                        <img src="/vx.png" class="footer-img">
                    </div>
                </div>
            </div>
        </div>
    </el-card>
</template>
<script setup lang='ts'>
</script>
<style lang='scss' scoped>
.box {
    padding: 30px 0 30px;
    margin: 0 auto;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.title {
    padding-top: 3rem;
    display: flex;
    flex-direction: column;
}

.el-row--flex.is-justify-center {
    justify-content: center;
}

.el-row {
    margin-top: 40px;
}

.el-row img {
    width: 200px;
}

.img-content {
    margin: 0 10px;
}
.imgBox {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    img {
        width: 30%;
    }
}
</style>